@charset "utf-8";
/* CSS Document */
.w1200{ width:1200px; margin:auto;}


.nav{ width:100%; height:86px; line-height:86px; background:#fff; z-index:9999; position:fixed; top:0;}
.nav-left{ background:url(../images/logo.jpg) center no-repeat; background-size:auto;height:86px; float:left; width:24%; }
.nav-bd{ float:left; width:70%; margin-left:5%; font-size:16px; }
.nav-bd li{ float:left; width:100px; height:86px; line-height:86px; text-align:center; }
.nav-bd li a{ color:#222; text-decoration:none; outline:none; display:block; }
.nav-bd li a:hover {color:#fff; background:#114aa1;}
.nav-bd ul li ul {display: none; }
.nav-bd ul li:hover a { background:#114aa1; color:#fff; }
.nav-bd ul li:hover ul { display:block; position:absolute; top:86px; width:100px; -index:999; height:45px; line-height:45px; }
.nav-bd ul li:hover ul li { width:100%; height:45px; line-height:45px; color:#fff;}
.nav-bd ul li:hover ul li a {display:block; background:#0e7d91; color:#fff; height:45px; line-height:45px; font-size:14px; }
.nav-bd ul li:hover ul li a:hover { background:#114aa1; color:#fff; display:block;}

/*导航*/

.indexbann{ position:relative; clear:both; margin-top:86px;}
.ys{ position:absolute; background:#0c3e87; height:220px; bottom:-100px; width:1200px; margin:auto; left:0; right:0; color:#fff; z-index:99}
.ys p{ float:left; width:300px; line-height:40px; font-size:35px; text-align: center; padding-top: 80px;}
.ys p span{display: block; font-size: 22px; text-transform: uppercase;}
.ys ul{ float:right; width:900px;}
.ys li{ float:left; width:150px;}
.ys li span{ margin-top:130px; line-height:70px; width:150px; text-align:center; display:block; background:url(../images/ys-xian.png) no-repeat center top;}
.ys-fl1{ background:url(../images/ys-01.png) no-repeat center 50px #114aa1; height:220px;}
.ys-fl2{ background:url(../images/ys-05.png) no-repeat center 50px #0c3e87; height:220px;}
.ys-fl3{ background:url(../images/ys-03.png) no-repeat center 50px #114aa1; height:220px;}
.ys-fl4{ background:url(../images/ys-04.png) no-repeat center 50px #0c3e87; height:220px;}
.ys-fl5{ background:url(../images/ys-02.png) no-repeat center 50px #114aa1; height:220px;}
.ys-fl6{ background:url(../images/ys-06.png) no-repeat center 50px #0c3e87; height:220px;}
.ys li a{ font-size:17px; color:#fff;}
.ys li a:hover{ font-size:21px; color:#fff;}

/*优势*/

.js{ clear:both; width:1200px; height:587px; margin:200px auto 100px; background:url(../images/js-tu.jpg) no-repeat left top;}
.js-bd{ width:600px; float:right;}
.js-bt{ font-size:42px; color:#000; background:url(../images/js-en.jpg) no-repeat top left; height:100px; margin-top:60px; padding-top:50px;}
.js-bt span{ width:40px; background:#555; height:2px; display:block; margin-top:30px;}
.js-nr{ line-height:36px; margin-top:50px;}
.js-an{ width:190px; line-height:40px; text-align:center; color:#fff; font-size:18px; background:#114aa1; margin-top:30px;}
.js-an a:hover{ color:#fff;}
/*简介*/

.pro{ background:url(../images/pro-bj.jpg) no-repeat center; overflow: hidden; margin:auto; max-width:1920px; background-size:100% 100%; width:100%; height:895px;}
.pro-bd{ width:1200px; margin:30px auto;}
.pro-bd ul li{ float:left;}
.pro-an{ clear:both; border-radius:50px; width:200px; height:36px; line-height:36px; text-align:center; border:1px solid #fff; color:#fff; display:block; margin:30px auto;}
/*产品*/
.pro-bt{ text-align: center;color: #fff; font-size: 30px; text-transform: uppercase; margin:50px auto 0; font-weight: 100; overflow: hidden;}
.pro-bt span{display: block; font-size: 45px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"}

.new{ width:1200px; margin:0 auto 100px; overflow: hidden;}
.new-fl{ float:left; width:177px; height:390px; background:url(../images/new-fl-zi.jpg) no-repeat center 315px #0c3e87; }
.new-fl li{ background:#114aa1; margin-bottom:8px; height:70px; line-height:70px; text-align:center; color:#fff; font-size:18px;}
.new-fl a:hover{ background:#0c3e87; color:#fff; display:block;}

.new-bt{ text-align: center;color: #114aa1; font-size: 30px; text-transform: uppercase; margin:50px auto; font-weight: 100; overflow: hidden;}
.new-bt span{display: block; font-size: 45px; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"}


#slider{ float:left; overflow:hidden; margin-left:10px; width:600px; height:493px;  position:relative;}
#show{ position:relative; width:600px; height:493px; }
#show p{ position:absolute; bottom:0; width:100%; height:100px; z-index:999; background:#000; filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
#show span{ font-size:20px; color:#fff; position:absolute; bottom:0; z-index:999; line-height:35px; margin-bottom:45px; padding-left:20px;}
#show .s1{ font-size:13px; margin-bottom:10px;}
#show .img{ width:100%; height:493px; position:relative; }
#show .img img{ height:100%; }
#num{ position:absolute; bottom:110px; left:43%}
#num span{ float:left; display:block;  width:12px; height:12px; margin:5px; background:#fff; border-radius:50%;}
#num .current{  border:0px; background: #114aa1;}
.new-r{ float:right; width:550px; }
.new-r .more{ text-align:right; background:url(../images/new-more.jpg) no-repeat 350px 6px; line-height:40px; font-size:26px; color:#114aa1;}
.new-r ul{ margin-top:30px;}
.new-r li{ display:block; width:99%; margin-top:5px; border:3px solid #FFF; padding: 8px 0;}
.new-r p{ padding-left:30px; font-size:16px;}
.new-r .date{ color:#999; font-family:Arial, Helvetica, sans-serif; line-height:50px;}
.new-r .bt{ font-size:18px; color:#000;}
.new-r .xq{ background:url(../images/new-xiao-jt.jpg) no-repeat 60px 20px;  padding-left:130px; line-height:50px;  font-size:14px; color:#363636;} 
.new-r li:hover{ border:3px solid #114aa1;}
/*新闻*/

.foot{ width:100%; margin:auto; background:url(../images/foot-bj.jpg) no-repeat center bottom; height:200px; padding-top:50px; }
.foot .left{ float:left;}
.foot .left ul{ float:left; width: 600px; margin-right:40px;}
.foot .left ul p{ display:block; float: left; width: 100%; margin-top:50px; color:#fff; }
.foot .left ul li{ float: left;width: 90px; background:url(../images/foot-dian.png) no-repeat 1px 18px; line-height:42px; padding-left:20px;  margin-right: 20px;}
.foot .left ul li a:hover{ color:#00c6ff}
.foot .right{ float:right;width:450px;}
.foot .logo{  height:90px; padding-top:10px; font-size:30px; color:#fff; margin:auto; padding-left: 30px }
.foot .ft-add{ float:left;}
.foot .right p{ display:block; line-height:30px; color:#fff; padding-left:60px;}
.foot .right .p1{ background:url(../images/foot-add.png) no-repeat 30px 0px; }
.foot .right .p2{ background:url(../images/foot-tel.png) no-repeat 30px 4px; }
.foot-qq{ float:left; margin-left:20px;}
.foot-qq div{ float:left; margin:10px; width:48px; padding-left:0; }
.foot-qq .div1,.div2{ position:relative;}
.foot-qq .div1 span{ display:none; width:120px; text-align:center; position:absolute; top:50px; left:-40px; border:1px solid #777; line-height:40px; color:#fff;}
.foot-qq .div1:hover span { display:block;}
.foot-qq .div2 span{ display:none; width:100px; text-align:center; position:absolute; top:50px; left:-28px;}
.foot-qq .div2 span img{ width:100px;}
.foot-qq .div2:hover span { display:block;}
.foot-down{ clear:both; width:100%; background:#005c8c; line-height:50px; color:#fff; text-align:center;}
.foot-down span{ margin:0 20px;}





@media only screen and (max-width: 1300px) {
	
.nav-left{ background:url(../images/logo.jpg) center no-repeat; background-size:100%; height:86px; float:left; width:24%; padding-left:50px;}
.nav-bd{ float:left; width:68%; margin-left:2%; font-size:16px; }
.nav-bd ul li:hover ul { display:block; position:absolute; top:86px; width:7.48%;  z-index:999; height:45px; line-height:45px; }
.search{ display:none;}
}